* {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

body {
	background-image: url(../resources/image/background-body.png);
}

#divPagina {
	-border: 1px solid green;
	min-width: 1024px;
	min-height: 768px;
	padding: 4px;
}

#divTopo {
	min-height: 220px;
	min-width: 900px;
	background-image: url(../resources/image/background_topo.jpg);
	
-top: 10px solid gray;
	border-bottom: 10px solid gray;
}

#divTopo div{ -border: 1px solid;}

#divLogoTopo {
 -border: 1px solid red !important;
	width: 300px;
	height: 150px;
	float: left;
}

#divLogoTopo #imgLogo {
	width: 300px;
	height: 150px;
	display: block;
}

#divDescricaoEmpresaTopo{
    float: left;
    width: 70%;
    height: 150px;
    -border: 1px solid orange !important;
}

#divBuscaTopo{
    margin-left: 30%;
    margin-top: 10px;
    float: left;
    -border: 1px solid pink !important;
    text-align: center;
    
}

#divBuscaTopo input{
    width: 500px;  
    height: 20px !important;
    margin-right: 10px  !important;
}

#divLinksTopo{
    
    float: left;
    margin-top: 10px;
    margin-left: 5.4%;    
    -border: 1px solid blue !important;
}

#divLoginTopo {

    padding: 10px 5px;
	border: 1px solid;
	width: 180px;
	text-align: center;
	position: absolute !important;
	background-color: #ccc;
	border-radius: 10px;
	box-shadow: -5px -5px 10px #777;
	margin-left: 80%;
	display: none;
}

#divLoginTopo .campo {
	margin-bottom: 5px;
	margin-right: 5px;
}

#divLoginTopo #lblSenha { 1
	-border: 1px solid green;
	margin-right: 14px;
}

#divLoginTopo input {
	width: 114px;
	height: 7px;
}

#divLoginTopo #btnLogin { 1
	text-align: center !important;
	width: 50px;
	height: 22px;
}

#divLoginTopo #btnRecuperarSenha {
	width: 110px;
	height: 22px;
}

#divMenuTopo {
    -border: 1px solid yellow !important;
	clear: both;
	float: left;
	width: 100%; 1
	margin-top: 115px;
}

#menuTopo a {
	width: 120px;
	margin-left: 15px;
	background-image: url(../resources/image/background_botao.jpg);
}

#menuTopo span {
	color: white;
	font-size: 10px;
	text-align: center !important;
	width: 100%;
}

#divMenu {
	float: left;
	-border: 1px solid blue;
	min-width: 200px;
	min-height: 400px;
	height: 620px;
}

.menuEsq {
	font-size: 10px !important;
	-border: 1px solid red !important;
}

.menuEsqCategoria {
	-border: 1px solid red !important;
}

.menuEsqGrupo {
	-border: 1px solid blue !important;
	padding-left: 10px !important;
}


.menuEsqSubGrupo {
    padding-left: 20px !important;
	-border: 1px solid green !important;
}

#divCentro {
	float: left;
	-border: 1px solid red;
	width: 80%;
	min-width: 820px;
	min-height: 400px;
}

.clear {
	clear: both;
	-border: 1px solid;
}

.divAnuncio {
	width: 32%;
	margin: 7px 0px 0px 7px;
	height: 300px;
	float: left;
	-border: 1px solid black;
	border-radius: 10px;
	box-shadow: -5px -5px 10px #777;
}

.divAnuncio .divAnuncioContent .imgAnuncio{
    width: 200px;
    height: 200px;

}

.divAnuncioContent{
    
    text-align: center;
    margin-top: 10px;
    

}

.divAnuncioContent a{
display: block;

}

.divAnuncioContent a:link{

    text-decoration: none !important;
    color: black;
}

.divAnuncioContent a:hover{

    text-decoration: underline !important;
    color: green;
}


.divAnuncioContent .lblNomeProduto{

    margin-top: 5px;
    display: block;
    font-size: 15px;
}

.divAnuncioContent .lblPreco{

    
    color: blue;
    font-size: 16px;
}

.imgDetalhesProduto{
	
	width: 300px; height: 300px;
	
}

